<!DOCTYPE html>
<html lang="zh-CN">

<head>

    <meta charset="utf-8">
    <meta name="author" content="templatemo">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">

    <title>537工作室官网-加入我们</title>

    <link rel="icon" href="../../537logo.ico" type="image/x-icon" />

    <!-- Bootstrap 核心 CSS -->
    <link href="../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">


    <!-- 其他 CSS 文件 -->
    <link rel="stylesheet" href="../../css/fontawesome.css">
    <link rel="stylesheet" href="../../css/537studio-website.css">
    <link rel="stylesheet" href="../../css/owl.css">
    <link rel="stylesheet" href="../../css/animate.css">
    <link rel="stylesheet" href="../../css/swiper-bundle.min.css" />
</head>

<body>

  <!-- ***** 预加载器启动 ***** -->
  <div id="js-preloader" class="js-preloader">
    <div class="preloader-inner">
      <span class="dot"></span>
      <div class="dots">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
  </div>
  <!-- ***** 预加载器端 ***** -->

  <!-- ***** 标题区域开始 ***** -->
  <header class="header-area header-sticky">
    <div class="container">
        <div class="row">
            <div class="col-12">
                <nav class="main-nav">
                    <!-- ***** 徽标开始 ***** -->
                    <a href="../../" class="logo">
                        <img src="../../images/537logo-title.png" alt="">
                    </a>
                    <!-- ***** 徽标结束 ***** -->
                    <!-- ***** 菜单开始 ***** -->
                    <ul class="nav">
                        <li><a href="../../">首页/Home</a></li>
                        <li><a href="../../download">下载/Download</a></li>
                        <li><a href="../../help">帮助/Help</a></li>
                        <li><a href="../../about">关于/About</a></li>
                    </ul>   
                    <a class='menu-trigger'>
                        <span>Menu</span>
                    </a>
                    <!-- ***** 菜单结束 ***** -->
                </nav>
            </div>
        </div>
    </div>
  </header>
  <!-- ***** 标题区域结束 ***** -->

  <div class="page-heading normal-space">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <h6>537工作室</h6>
          <h2>加入我们</h2>
          <span><a href="../../">首页</a > > <a href="#">加入</a></span>
          <div class="buttons">
            <div class="main-button">
              <a href="mailto:hello@537studio.com">电子邮件</a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="item-details-page">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="section-heading">
            <div class="line-dec"></div>
            <h2>在<em>这里</em>填写你的信息</h2>
          </div>
        </div>
        <div class="col-lg-12">
          <form id="contact" action="" method="post">
            <div class="row">
              <div class="col-lg-4">
                <fieldset>
                  <label for="title">称呼</label>
                  <input type="title" name="title" id="title" placeholder="请告诉我们该如何称呼您" autocomplete="on" required>
                </fieldset>
              </div>
              <div class="col-lg-4">
                <fieldset>
                  <label for="description">年龄/年级</label>
                  <input type="description" name="description" id="description" placeholder="如：12岁/六年级" autocomplete="on" required>
                </fieldset>
              </div>
              <div class="col-lg-4">
                <fieldset>
                  <label for="username">IP属地（仅省份）</label>
                  <input type="username" name="username" id="username" placeholder="如：浙江" autocomplete="on" required>
                </fieldset>
              </div>
              <div class="col-lg-6">
                <fieldset>
                  <label for="price">联系方式</label>
                  <input type="price" name="price" id="price" placeholder="微信(/QQ/电子邮件" autocomplete="on" required>
                </fieldset>
              </div>
              <div class="col-lg-6">
                <fieldset>
                  <label for="royalities">其它</label>
                  <input type="royalities" name="royalities" id="royalities" placeholder="是否已加入其他工作室/其它想说的……" autocomplete="on" required>
                </fieldset>
              </div>
              <div class="col-lg-4">
                <fieldset>
                  <label for="file">附件（可选）</label>
                  <input type="file" id="file" name="myfiles[]" multiple />
                </fieldset>
              </div>
              <div class="col-lg-8">
                <fieldset>
                  <button type="submit" id="form-submit" class="orange-button">发送申请</button>
                </fieldset>
              </div>
            </div>
          </form>
        </div>
        <div class="col-lg-12">
          <div class="section-heading">
            <div class="line-dec"></div>
            <h2>目前<em>成员</em>一览</h2>
          </div>
        </div>
        <div class="row">
          <div class="col-lg-7">
            <div class="left-image">
              <img src="../../537World.png" alt="" style="border-radius: 20px" />
              <p>&nbsp;</p>
              <img src="../../537Studio.jpg" alt="" style="border-radius: 20px" />
            </div>
          </div>
          <div class="col-lg-5 align-self-center">
            <h4>Sean537</h4>
            <span class="author">
              <img
                src="../../about/images/shandiaosika537.png"
                alt=""
                style="max-width: 50px; border-radius: 50%"
              />
              <h6>
                山地奥斯卡537<br /><a
                  href="https://space.bilibili.com/3493272892738031"
                  target="_blank"
                  >uid:3493272892738031</a
                >
              </h6>
            </span>
            <p>求知若饥，虚心若愚。<br />537工作室联合创始人之一。</p>
            <div class="row">
              <div class="col-3">
                <span class="owner">
                  Gitee<br /><strong
                    ><a href="https://gitee.com/sean537" target="_blank"
                      >@sean537</a
                    ></strong
                  ><br /><em>浏览</em>
                </span>
              </div>
              <div class="col-4">
                <span class="owner">
                  GitHub<br /><strong
                    ><a href="https://github.com/Sean537" target="_blank"
                      >@Sean537</a
                    ></strong
                  ><br /><em>浏览</em>
                </span>
              </div>
              <div class="col-5">
                <span class="ends">
                  哔哩哔哩<br /><strong
                    ><a
                      href="https://space.bilibili.com/3493272892738031"
                      target="_blank"
                      >@山地奥斯卡537</a
                    ></strong
                  ><br /><em>浏览</em>
                </span>
              </div>
            </div>
            <p>&nbsp;</p>
            <h4>良米</h4>
            <span class="author">
              <img
                src="../../about/images/liangmi.png"
                alt=""
                style="max-width: 50px; border-radius: 50%"
              /><!--头像-->
              <h6>
                良米<br /><a
                  href="https://space.bilibili.com/1964165864"
                  target="_blank"
                  >uid:1964165864</a
                >
              </h6>
            </span>
            <p>
              一位在科技区和知识区徘徊的up主。<br />学习Go和各种前端框架的米。<br />废物一个。
            </p>
            <div class="row">
              <div class="col-4">
                <span class="owner">
                  GitHub<br /><a
                    href="https://github.com/liangmiqwq"
                    target="_blank"
                    >@liangmiqwq</a
                  ><strong></strong><br /><em>浏览</em>
                </span>
              </div>
              <div class="col-5">
                <span class="ends">
                  哔哩哔哩<br /><strong
                    ><a
                      href="https://space.bilibili.com/1964165864"
                      target="_blank"
                      >@良米良米</a
                    ></strong
                  ><br /><em>浏览</em>
                </span>
              </div>
            </div>
            <p>&nbsp;</p>
            <h4>皮皮善</h4>
            <span class="author">
              <img
                src="../../about/images/pipishan.png"
                alt=""
                style="max-width: 50px; border-radius: 50%"
              />
              <h6>
                皮皮善哇<br /><a
                  href="https://space.bilibili.com/511402656"
                  target="_blank"
                  >uid:511402656</a
                >
              </h6>
            </span>
            <p>
              生活就像海洋，只有意志坚强的人，才能到达彼岸<br />一名菜鸡编程爱好者。bili为个人日常号,
              有事请私信
            </p>
            <div class="row">
              <div class="col-3">
                <span class="owner">
                  Gitee<br /><strong
                    ><a href="https://gitee.com/pidream" target="_blank"
                      >@Pi</a
                    ></strong
                  ><br /><em>浏览</em>
                </span>
              </div>
              <div class="col-4">
                <span class="owner">
                  GitHub<br /><strong
                    ><a href="#" target="_blank">暂不公开</a></strong
                  ><br /><em>浏览</em>
                </span>
              </div>
              <div class="col-5">
                <span class="ends">
                  哔哩哔哩<br /><strong
                    ><a
                      href="https://space.bilibili.com/511402656"
                      target="_blank"
                      >@皮皮善哇</a
                    ></strong
                  ><br /><em>浏览</em>
                </span>
              </div>
            </div>
            <p>&nbsp;</p>
            <h4>Rabbit max</h4>
            <span class="author">
              <img
                src="../../about/images/rabbit max.png"
                alt=""
                style="max-width: 50px; border-radius: 50%"
              />
              <h6>
                Rabbit max<br /><em>It’s not until you fall that you fly.</em>
              </h6>
            </span>
            <p>
              我是爱Coding的兔呀<br />Rabbit工作室联合创始人<br />哇呜！（个人博客<a
                href="https://cncyx.cn"
                target="_blank"
                >cncyx.cn</a
              >重构ing）
            </p>&nbsp<p>
            <h4>Xinpro</h4>
            <span class="author">
              <img
                src="../../about/images/xinpro.png"
                alt=""
                style="max-width: 50px; border-radius: 50%"
              />
              <h6>
                Xinpro<br /><em><a href="https://www.pyxia.org" target="_blank">https://www.pyxia.org</a></em>
              </h6>
            </span>
            <p>537Studio服务提供<br>一位喜欢玩服务器的资深mjj<br>喜欢玩各种有趣的项目 Docker、node.js等</p>
            <div class="row">
              <div class="col-3">
                <span class="owner">
                   我的小站<br><a href="https://www.pyxia.org" target="_blank">皮益侠</a><strong></strong><br><em>戳一下</em>
                </span>
              </div>
              <div class="col-4">
                <span class="owner">
                  常用邮箱<br /><strong><a href="mailto:chentaiyang163@163.com">chentaiyang163@163.com</a></strong><br /><em>联系</em>
                </span>
              </div>
              
            </div>
          </div>
        </div>
      </div>
    </div>
      </div>
    </div>
  </div>

  <footer>
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <p>
            Copyright © <a href="www.537studio.com">537 Studio</a>.2023-2024. 
            All rights reserved.
          </p>
          <p>
            E-mail:
            <a href="mailto:hello@537Studio.com"
              >hello@537Studio.com</a
            >
          </p>
        </div>
      </div>
    </div>
  </footer>

  <!-- 脚本 -->
  <!-- Bootstrap 核心 JavaScript -->
  <script src="../../vendor/jquery/jquery.min.js"></script>
  <script src="../../vendor/bootstrap/js/bootstrap.min.js"></script>

  <script src="../../js/isotope.min.js"></script>
  <script src="../../js/owl-carousel.js"></script>

  <script src="../../js/tabs.js"></script>
  <script src="../../js/popup.js"></script>
  <script src="../../js/custom.js"></script>
  </body>
</html>